body,html,ul,li,h1,h2,h3,span,a { text-decoration: none; margin:  0; padding: 0; list-style: none;}
.clear {clear: both;}
.w100 {width: 100%; margin:0 auto;}
.w1200 {width: 1200px; margin: 0 auto;}
.top { background: #464646;color:#fff; line-height: 35px; height: 35px;}
.top .left {float: left; font-size: 14px;}
.top .right {float: right; font-size: 14px;}

.nav {box-shadow: 0px 5px 5px #002d64; position: absolute;top:35px; background: #fff;}
.nav .left{ float: left; width: 250px; margin-top: 5px;}
.nav .right {float: right;}
.nav .right li { float: left; width: 105px; text-align: center; height:110px; line-height: 110px; transition: background 0.5s,width 0.5s  ; -webkit-transition: background 0.5s,width 0.5s  ; -moz-transition: background 0.5s,width 0.5s  ; -ms-transition: background 0.5s,width 0.5s  ; -o-transition: background 0.5s,width 0.5s  ; }
.nav .right li a{color:#333; font-size:16px !important;}
.nav .right li:hover {background:#1e50ae;}
.nav .right li:hover a {color:#fff}
.nav .last {background:#1e50ae !important;}
.nav .last a{color:#fff !important}

.pic {padding-top: 50px; background: rgb(248, 248, 248); padding-bottom: 50px;}
.pic h2{font-size: 36px;background: url(/img/1546050219114095024.png) no-repeat; display: block; width: 508px; height: 61px; margin: 0 auto; text-align: center;color: #034099;}
.pic h2 span {font-size: 13px; color:#333; font-weight: normal; display: block; font-size: 15px;}
.pic ul li a{color:#333}
.pic ul li a span { display: block; border:1px solid #034099; color:#034099; width: 100px; height: 25px; margin-top: 10px !important; border-radius:5px ; line-height: 25px; font-size: 12px; margin: 0 auto; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; transition:background 0.5s ; -webkit-transition:background 0.5s ; -moz-transition:background 0.5s ; -ms-transition:background 0.5s ; -o-transition:background 0.5s ; }
.pic ul li { padding-bottom: 20px; padding-top:10px; float: left; text-align: center; width: 228px; box-shadow: 0 5px 5px #ccc; margin-left: 5px; margin-right: 5px; font-size: 22px; margin-top: 40px; transition: box-shadow 0.5s ; -webkit-transition: box-shadow 0.5s ; -moz-transition: box-shadow 0.5s ; -ms-transition: box-shadow 0.5s ; -o-transition: box-shadow 0.5s ; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border:1px solid #034099; background: #fff; }
.pic ul li:hover {box-shadow: 0 20px 10px #ccc;}
.pic ul li:hover a span {background:#034099;color:#fff;}
.pic ul li img {width: 100%; height: 196px; margin-bottom: 10px;}



.case {padding-top: 50px; background:url(/img/7241da861fdb172ce3ad0e5961cdb325.jpg); padding-bottom: 50px;}
.case h2{ background: url(/img/1546050219114095024.png) no-repeat; font-size: 36px; display: block; width: 508px; height: 61px; margin: 0 auto; text-align: center;color: #034099;}
.case h2 span {font-size: 13px; color:#333; font-weight: normal; display: block; font-size: 15px;}

.case ul li { padding-bottom: 20px; float: left; text-align: center; width: 380px; background: #fff; margin-left: 10px; margin-right: 10px; font-size: 22px; margin-top: 20px; overflow: hidden; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }
.case ul li img {width: 100%; height: 250px; margin-bottom:10px;}
.case ul li a{font-size: 16px;color:#333;}

.about {margin-top: 60px;}

.about .t1 {width: 480px; height: 520px; background: #333; float: left; background: url(https://img.alicdn.com/imgextra/i4/265962233/O1CN011YGPHX1SMlKdYEjWh_!!265962233.jpg);color:#fff; position: relative;}
.ss { width: 171px; height: 171px; position: absolute; left:140px;top:230px; cursor: pointer;}
.ss .s1 { position: absolute; z-index: 2;}
.ss .s2 { position: absolute; z-index: 1; animation: s2 10s linear infinite; -webkit-animation: s2 10s linear infinite; }
.shipin { position: fixed; background: rgb(0, 0, 0,0.8); z-index: 99999; width: 100%; height: 100%;top:0;left:0; display: none;}
.shipin video {width: 800px; margin: 0 auto; display: block; margin-top: 8% !important; border:10px solid #fff;}
.shipin img {width: 30px; display: block; margin:0 auto; margin-top: 20px !important;cursor: pointer;}
.shipin img:hover { animation: s3 5s linear infinite; -webkit-animation: s3 5s linear infinite; }

@keyframes s2 {
  0% {
    transform: rotate(0)  ;
    -webkit-transform: rotate(0deg)  ;
    -moz-transform: rotate(0deg)  ;
    -ms-transform: rotate(0deg)  ;
    -o-transform: rotate(0deg)  ;
}
  50% {
    transform: rotate(720deg)  ;
    -webkit-transform: rotate(720deg)  ;
    -moz-transform: rotate(720deg)  ;
    -ms-transform: rotate(720deg)  ;
    -o-transform: rotate(720deg)  ;
}
100% {
  transform: rotate(0)  ;
  -webkit-transform: rotate(0deg)  ;
  -moz-transform: rotate(0deg)  ;
  -ms-transform: rotate(0deg)  ;
  -o-transform: rotate(0deg)  ;
}
}

@keyframes s3 {
  0% {
    transform: rotate(0)  ;
    -webkit-transform: rotate(0deg)  ;
    -moz-transform: rotate(0deg)  ;
    -ms-transform: rotate(0deg)  ;
    -o-transform: rotate(0deg)  ;
}
  50% {
    transform: rotate(720deg)  ;
    -webkit-transform: rotate(720deg)  ;
    -moz-transform: rotate(720deg)  ;
    -ms-transform: rotate(720deg)  ;
    -o-transform: rotate(720deg)  ;
}
100% {
  transform: rotate(0)  ;
  -webkit-transform: rotate(0deg)  ;
  -moz-transform: rotate(0deg)  ;
  -ms-transform: rotate(0deg)  ;
  -o-transform: rotate(0deg)  ;
}
}





.about a {color:#fff; display: block;}
.about .t2 a {color:#034099}
.about  h2 {display: block; margin:20px; margin-bottom: 10px !important;}
.about  span {display: block; margin: 20px; line-height: 25px; margin-top: 0 !important;}
.about .t2 {width: 720px; height: 260px; float: left; background:url(/img/t2.jpg);color:#034099;}
.about .t3 {width: 360px; height: 260px; float: left; color:#fff;}


.dd {background: url(https://img.alicdn.com/imgextra/i1/265962233/O1CN01epXHUZ1SMlOfsDx2h_!!265962233.jpg); height: 284px; margin-top: 50px; position: relative;}
.dd h2 { float: right; text-align: left;color:#fff; margin-top: 80px; line-height: 35px; }
.dd a {display: block; background: #1e50ae;color:#fff; width: 150px; height: 50px; line-height: 50px; text-align: center; margin-top: 20px ;font-size: 14px; font-weight: normal;}


/*foot*/
.foot-w{
  padding:40px 0px 0px;
  width: 100%;
  border-top:3px solid #1e50ae;
  background-color: #333;
}
.foot-tit{}
.foot-tit h3{
  display: block;
  font-size: 18px;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 2px;
}
.foot-tit .linea{
  margin:15px 0px;
  width: 28px;
  height: 2px;
  background-color: #a0a0a0;
}
.foot-la{
  float: left;
  width: 450px;
}
.foot-lx{
  display: block;
  font-size: 14px;
  color: #bcbcbc;
  line-height: 190%;
}
.foot-lx p,
.foot-lx p a,
.foot-lx p strong{
  font-size: 14px;
  color: #bcbcbc;
  line-height: 190%;
}

.foot-lb{
  float: left;
  width: 350px;
}
.foot-lc{
  margin-left: 40px;
  float: left;
  width: 360px;
}
.foot-lc .er {float: left;color:#fff; width: 33%; text-align: left;}
.foot-lc .er span { padding-left: 25px;}
.foot-lc img { display: block;width: 97px; margin-bottom: 5px; border:2px solid #1e50ae}
.foot-pro a{
  display: block;
  float: left;
  margin: 5px;
  padding: 0 10px;
  line-height: 30px;
  height:30px;
   background: #3e3e3e;
   border-radius: 5px;
  font-size: 14px;
  color: #bcbcbc;
  box-shadow:  0 0px 5px #282828;
}
.foot-pro a:hover,.foot-dh a:hover {background: #d9010b; transition: background 0.5s;}

.foot-dh a{
  box-shadow:  0 0px 5px #282828;
  display: block;
  float: left;
  margin: 5px;
  width: 90px;
  text-align: center;
  padding: 0 10px;
  line-height: 30px;
  height:30px;
   background: #3e3e3e;
   border-radius: 5px;
  font-size: 14px;
  color: #bcbcbc;
}
.foot-ewm{
  float: left;
  margin-left: 25px;
  width: 250px;
}
.foot-ewm li{
  float: left;
  width: 145px;
  text-align: center;
}
.foot-ewm li .tua{
  margin:0 auto;
  padding:1px;
  width: 123px;
  float: left;
  height: 123px;
  box-sizing: border-box;
}
.foot-ewm li .tua img{
  width: 100%;
  border-radius: 5px;
}
.foot-ewm li p{
  display: block;
  text-align: center;
  font-size: 14px;
  color: #bcbcbc;
}
.foot-bq{
  margin-top: 40px;
  border-top:1px solid #4c4c4c;
  padding:25px 0px;
  font-size: 14px;
  color: #bcbcbc;
  line-height: 150%;
  text-align: center;
  overflow: hidden;
}
.foot-bq p,
.foot-bq p a,
.foot-bq p strong{
  font-size: 14px;
  color: #bcbcbc;
  line-height: 150%;
  text-align: center;
  vertical-align: middle;
}
.foot-bq img{
  vertical-align: middle;
}
/*end bottom*/